<script setup>
import MainSearchInput from '../components/MainSearchInput.vue'
import Weather from '../components/Weather.vue'
</script>


<template>
    <br><br><br><br>
    <el-row>
        <el-col :span="24">
            <MainSearchInput class="element-center" />
        </el-col>
    </el-row>
    <br><br><br><br><br><br>
    <el-row :gutter="2" justify="center">
        <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" :style="{ display: 'flex', justifyContent: 'center' }">
            <Weather />
        </el-col>
        <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" :style="{ display: 'flex', justifyContent: 'center' }">
            <Weather />
        </el-col>
    </el-row>
</template>
<style scoped>
/* 添加样式 */
.element-center {
  display: flex;
  justify-content: center;
}
</style>